<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link type="text/css" href="css/register.css" rel="stylesheet" />
<%-- <script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery.validate-1.13.1.js"></script>
<script type="text/javascript" src="js/validator.js"></script>
<script type="text/javascript" src="js/click.js"></script> --%>
</head>

<body>
	<div
		style="width: 970px;height: 40px;margin-top: 10px;margin-left: 170px;"></div>
	<div>

		<s:if test="#session.user==null">
			<div style="margin-left: 60px;">
				<ul class="step_ul step1 clear">
					<li class="li1" id="li1">1、验证手机号码</li>
					<li class="li2" id="li2">2、完善用户资料</li>
					<li class="li3" id="li3">3、完成注册</li>
				</ul>
			</div>
			<form id="telForm">
				<div class="w12" style="height: 70px"></div>
				<div class="inputsec" id="telDiv">
					<ul>
						<li><label class="fl mr2">手机号码：</label> <input id="tel"
							type="text" name="user.userTel" class="fl"
							placeholder="请输入11位手机号码" /></li>
						<li><a id="getCode" class="db fl chg send">点击获取手机校验码</a>
						</li>
						<li><label class="fl mr2">校验码：</label> <input id="code"
							type="text" name="code" class="fl" placeholder="请输入校验码" />
						</li>
						<li class="clr"><input class="db fl next" type="submit"
							value="下一步" />
						</li>
						<li class="clr"><input class="db fl next" type="reset"
							value="重          置" />
						</li>
					</ul>
				</div>
			</form>

			<form name="form2" id="detailForm" action="user_register"
				method="post">
				<div id="detail" class="inputsec" style="display:none">
					<ul>
						<li><label class="fl mr2">手机号码：</label> <input type="text"
							name="user.userTel" id="detailTel" class="fl" readonly /></li>
						<li><label class="fl mr2">用户名：</label> <input type="text"
							name="user.userName" id="name" class="fl"
							placeholder="为中文、数字、英文、下划线" /></li>
						<li><label class="fl mr2">email：</label> <input type="text"
							class="fl" name="user.userEmail" placeholder="请输入邮箱地址" />
						</li>
						<li><label class="fl mr2">密码：</label> <input type="password"
							name="user.userPassword" id="password" class="fl"
							placeholder="长度不少于8位" /></li>
						<li><label class="fl mr2">确认密码：</label> <input
							type="password" class="fl" name="re_password"
							placeholder="两次密码确保一致" /></li>
						<li class="clr"><input type="submit" class="db fl next"
							style="margin-left: 130px;" value="注册" /></li>
						<li class="clr"><input class="db fl next" type="reset"
							value="重          置" /></li>
					</ul>
				</div>
			</form>
		</s:if>

		<s:if test="#session.user!=null">
			<div style="margin-left: 60px;">
				<ul class="step_ul step3 clear">
					<li class="li1" id="li1">1、验证手机号码</li>
					<li class="li2" id="li2">2、完善用户资料</li>
					<li class="li3" id="li3">3、完成注册</li>
				</ul>
			</div>
			<div class="w12" style="height: 70px"></div>
			<div class="success" id="success">
				<ul>
					<li class="suc1">恭喜您注册成功</li>
					<li>注册手机号码：<em class="mr3">${sessionScope.user.userTel}</em>会员名：<em>${sessionScope.user.userName}</em>
					</li>
					<li class="suc2"><a class="db mr4 fl" href="user_initUser">去个人中心</a>
					<a
						class="db fl" href="E-Helper.jsp">返回主页</a>
					</li>
				</ul>
			</div>
		</s:if>
	</div>
</body>
</html>